<div class="schedule-datepicker-header">
    <a act="datePre" href="javascript:;" class="pre" viewType="month">
        <span></span>
    </a>
    <span class="date-content">
        <span yearVal="{{currentYear}}" class="date-year">{{currentYear}}{{'SCHEDULE_YEAR' | i18n}}</span>
        <span monthVal="{{currentMonth<=6?1:7}}" class="date-month">
            {{if currentMonth<=6}}
                {{'SCHEDULE_1HALF_YEAR' | i18n}}
            {{else}}
                {{'SCHEDULE_2HALF_YEAR' | i18n}}
            {{/if}}
        </span>
    </span>
    <a act="dateNext" href="javascript:;" class="next" viewType="month">
        <span></span>
    </a>
</div>
<div class="schedule-datepicker-body">
    <ul class="month-list">
        {{each dates as date i}}
            <li class="js-select-date">
                    <span class="digit-month" viewType="month" startV="{{date.start}}" endV="{{date.end}}">
                        <i></i>
                        <span>{{date.text}}</span>
                    </span>
                {{if date.currentFlg == 1}}
                <span class="current-month"></span>
                {{/if}}
            </li>
        {{/each}}
    </ul>
</div>